<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="./font-awesome-4.7.0/css/font-awesome.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
    <link rel="stylesheet" href="/css/test2.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <!-- 自定义函数 -->
    <script src="/js/tools.js"></script>
    <!-- 最下方轮播图的js -->
    <script src="/js/slideshow.js"></script>
</head>
<body>
  
    <!-- 导航栏 -->
    <nav  class="hidden-xs ">
        <ul  class="list">
            <li class="menu-item">
                <a href="#">学校概况
                    <i class="fa fa-angle-down"></i>
                </a> 
                <div class="dropdown">
                    <ul>
                        <li><a href="#">学校简介</a></li>
                        <li><a href="#">学校沿革</a></li>
                        <li><a href="#">学校标识</a></li>
                        <li><a href="#">学校章程</a></li>
                        <li><a href="#">学校领导</a></li>
                        <li><a href="#">校史钩沉</a></li>
                    </ul>
                </div>  
            </li>
            <li>
                <a href="#">机构设置</a>
            </li>
            <li class="menu-item">
                <a href="#">人才培养
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div> 
            </li>
            <li class="menu-item">
                <a href="#">科学研究
                    <i class="fa fa-angle-down"></i>
                </a> 
                <div class="dropdown">
                    <ul>
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div> 
            </li>
            <li class="menu-item">
                <a href="#">招生就业
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div> 
            </li>
            <li>
                <a href="#">图书馆</a>
            </li>
            <li class="menu-item">
                <a href="#">校园生活
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div> 
            </li>
            <li>
                <a href="#">人才招聘</a>
            </li>
            <li class="menu-item">
                <a href="#">合作交流
                    <i class="fa fa-angle-down"></i>
                </a>
                <div class="dropdown">
                    <ul>
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div> 
            </li>
        </ul>
    </nav>  
    <!-- aside导航 -->
    <div class="visible-xs" id="aside-nav">
        <a class="nav-icon" data-toggle="collapse" data-parent="#accordion" href="#collapseThree">
            <i class="fa fa-navicon"></i>
        </a>
        <div id="collapseThree" class="collapse aside-wrap">
            <div class="navi-aside-title">
                <p>导航</p>
            </div>
            <ul class="aside-list">
                <li>
                    <a href="#">学校概况</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#intro">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                    
                </li>
                <div id="intro" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">学校简介</a></li>
                        <li><a href="#">学校沿革</a></li>
                        <li><a href="#">学校标识</a></li>
                        <li><a href="#">学校章程</a></li>
                        <li><a href="#">学校领导</a></li>
                        <li><a href="#">校史钩沉</a></li>
                    </ul>
                </div>  
                <li>
                    <a href="#">机构设置</a>
                </li>
                <li>
                    <a href="#">人才培养</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#talents">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="talents" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">科学研究</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#research">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="research" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">招生就业</a>
                    <a   id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#recruit">
                        <i  class="fa fa-angle-left"></i>
                    </a>                
                </li>
                <div id="recruit" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">图书馆</a>
                </li>
                <li>
                    <a href="#">校园生活</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#live">
                        <i  class="fa fa-angle-left"></i>
                    </a>                
                </li>
                <div id="live" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div> 
                <li>
                    <a href="#">人才招聘</a>
                </li>
                <li>
                    <a href="#">合作交流</a>
                    <a id="left-icon" data-toggle="collapse" data-parent="#accordion" href="#collaborate">
                        <i  class="fa fa-angle-left"></i>
                    </a>
                </li>
                <div id="collaborate" class="collapse">
                    <ul class="aside-dropdown">
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div> 
            </ul>
            <div class="navi-aside-title" >
                <p>角色身份</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">在校学生</a></li>
                <li><a href="#">教职员工</a></li>
                <li><a href="#">校友</a></li>
                <li><a href="#">未来学生</a></li>
                <li><a href="#">访客</a></li>
            </ul>
            <div class="navi-aside-title">
                <p>快速链接</p>
            </div>
            <ul class="aside-list">
                <li><a href="#">门户</a></li>
                <li><a href="#">邮箱</a></li>
                <li><a href="#">网络服务</a></li>
                <li><a href="#">English</a></li>
                <li><a href="#">广州国际校区</a></li>
                <li><a href="#">Guangzhou International Campus</a></li>
            </ul>
		</div>
    </div>
    <!-- 导航栏结束 -->
    <!-- 主页大图 -->
    <div class="wp-focus">
        <div class="focus_pic">
            <a href="#" title="热烈祝贺！陈克复院士团队荣获国家科技进步一等奖">
                <img src="/images/001.jpg">
            </a>
            <div class="huigu">
                <a href="#"></a>
            </div>
        </div>
        
    </div>
    <!-- 大图结束 -->
    <!-- 校园新闻 -->
    <div class="campus-news">
        <!-- 顶部图片 -->
        <div class="post-head">
            <!-- 头部标题 -->
            <div class="head-bar">
                <div class="post-title">
                    <h3>校园新闻</h3>
                    <p>News</p>
                </div>
                <div class="post-more">
                    <a href="#">more</a>
                </div>
            </div>
            <!-- 新闻头条图片 -->
            <div class="post-body">
                <div class="row">
                    <div class="news-item  col-sm-4">
                        <div class="meta-img" >
                            <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">
                                <img src="/images/002.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title" >
                            <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密...</a>
                        </div>
                    </div>
                    <div class="news-item  col-sm-4">
                        <div  class="meta-img">
                            <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">
                                <img src="/images/003.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title">
                            <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">华南理工大学参加2020年全国教育工作网络视频会议</a>
                        </div>
                    </div>
                    <div class="news-item  col-sm-4">
                        <div  class="meta-img">
                            <a href="#" title="华南理工大学2019年度十大新闻揭晓">
                                <img src="/images/004.jpg" alt="">
                            </a>
                        </div>
                        <div class="meta-title">
                            <a href="#" title="华南理工大学2019年度十大新闻揭晓">华南理工大学2019年度十大新闻揭晓</a>
                        </div>
                    </div>
                </div>
            </div>
            <!-- 新闻列表 -->
            <div class="news-list">
                <div class="wp_news col-xs-12 col-sm-12 col-md-6">
                    <ul class="post-news">
                        <li>
                            <span class="news-title">
                                <a href="#" title="广东省委教育工委来校慰问院士和学校老领导">
                                    广东省委教育工委来校慰问院士和学校老领导
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="积极咨政建言　有力贯彻落实　学校获评全省信息工作先进单位">
                                    积极咨政建言　有力贯彻落实　学校获评全省信息工作先进单位
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密码”">
                                    《羊城晚报》专访章熙春书记　揭秘广东创新中的“华南理工密...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="数字学术背景下粤港澳大湾区资源建设与学科服务研讨会举行">
                                    数字学术背景下粤港澳大湾区资源建设与学科服务研讨会举行
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="电子与信息学院举办“德生奖教金”颁奖典礼">
                                    电子与信息学院举办“德生奖教金”颁奖典礼
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工召开2019年离退休老同志校情通报会">
                                    华南理工召开2019年离退休老同志校情通报会
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="孔美少年志　华工帮扶情　学校帮扶孔美小学生冬令营举办" >
                                    孔美少年志　华工帮扶情　学校帮扶孔美小学生冬令营举办
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="假期期间　学校加紧协调推进清污分流施工">
                                    假期期间　学校加紧协调推进清污分流施工
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                    </ul>
                </div>
                <div class="wp_news col-xs-12 col-sm-12 col-md-6">
                    <ul class="post-news">
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工大学参加2020年全国教育工作网络视频会议">
                                    华南理工大学参加2020年全国教育工作网络视频会议
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工大学2019年度十大新闻揭晓">
                                    华南理工大学2019年度十大新闻揭晓
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工工程博士作为主要完成人获国家科学技术进步一等奖　">
                                    华南理工工程博士作为主要完成人获国家科学技术进步一等奖　
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#"title="【不忘初心、牢记使命】华南理工参加教育部直属高校“不忘初心、牢记使命”主题教育总结视频会">
                                    【不忘初心、牢记使命】华南理工参加教育部直属高校“不忘初...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="高松校长出席2020未来教育论坛并作主题演讲">
                                    高松校长出席2020未来教育论坛并作主题演讲
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="华南理工大学政协委员参加省政协十二届三次会议　积极建言献策">
                                    华南理工大学政协委员参加省政协十二届三次会议　积极建言献...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="深化银校合作  华南理工大学举行建行学院合作办学一周年研讨会">
                                    深化银校合作  华南理工大学举行建行学院合作办学一周年研讨...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                        <li>
                            <span class="news-title">
                                <a href="#" title="【不忘初心、牢记使命】华南理工大学召开“不忘初心、牢记使命”主题教育总结会">
                                    【不忘初心、牢记使命】华南理工大学召开“不忘初心、牢记使...
                                </a>
                            </span>
                            <span class="news-date hidden-xs">2020-01-22</span>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 校园新闻结束 -->
    <!-- 中间小图 -->
    <div class="middle">
        <div class="middle-img">
            <div class="middle-item   col-sm-4"> 
                <div class="item-img">
                    <div id="myCarousel" class="carousel slide">
                        <!-- 轮播（Carousel）项目 -->
                        <div class="carousel-inner" >
                            <div class="item active">
                                <img src="/images/005.jpg" alt="First slide">
                            </div>
                            <div class="item">
                                <img src="/images/006.jpg" alt="Second slide">
                            </div>
                            <div class="item">
                                <img src="/images/007.jpg" alt="Third slide">
                            </div>
                        </div>
                        <!-- 轮播（Carousel）导航 -->
                        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
                            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
                            <span class="sr-only">Previous</span>
                        </a>
                        <a class="right carousel-control" href="#myCarousel" role="button"  data-slide="next">
                            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
                            <span class="sr-only">Next</span>
                        </a>
                    </div> 
                </div>
                <div class="item-title item-meta">
                    <a  href="#">专题网站</a>
                    <a class="item-more" href="#">MORE</a>
                </div>
            </div>
            <div class="middle-item  col-sm-4"> 
                <div class="item-img">
                    <a href="#" title="弘扬爱国奋斗精神、建功立业新时代">
                        <img src="/images/008.jpg" alt="">
                    </a>
                </div>
                <div class="item-title">
                    <a href="#" title="弘扬爱国奋斗精神、建功立业新时代">弘扬爱国奋斗精神、建功立业新时代</a>
                    <a class="item-more" href="#">MORE></a>
                </div>
            </div>
            <div class="middle-item  col-sm-4"> 
                <div class="item-img">
                    <a href="#" title="【追梦人】沈云芳：一曲遏行云 红豆南国芳">
                        <img src="/images/009.jpg" alt="">
                    </a>
                </div>
                <div class="item-title" title="【追梦人】沈云芳：一曲遏行云 红豆南国芳">
                    <a href="#">【追梦人】沈云芳：一曲遏行云 红豆南国芳</a>
                </div>
            </div>
        </div>
    </div>
    <!-- 中间小图结束 -->
    <!-- 学术报告模块等 -->
    <div class="inform">
        <div class="inform-box">
            <!-- 学术预告 -->
            <div class="inform-item col-sm-4">
                <!-- 头部 -->
                <div class="inform-head  events">
                    <div class="inform-title">
                        <p>学术报告</p>
                        <div class="inform-more">
                            <a href="#">
                                <span>more</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 列表 -->
                <div class="inform-list">    
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">16</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#"title="关于举行西安交通大学雷波教授学术报告会的通知">
                                关于举行西安交通大学雷波教授学术报告会的通知
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">13</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="关于举行香港城市大学杨彤院士学术报告会的通知">
                                关于举行香港城市大学杨彤院士学术报告会的通知
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">8</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="关于举办华南理工大学“海内外优秀青年学者论坛” 轻工科学与工程学院分论坛的通知">
                                关于举办华南理工大学“海内外优秀青年学者论坛” 轻工科学与工程学院分论坛的通知
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">4</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="关于举行美国Purdue大学John Lumkes教授、北京航空航天大学严亮教授学术报告会的通知">
                                关于举行美国Purdue大学John Lumkes教授、北京航空航天大学严亮教授学术报告会的通知
                            </a>
                        </div>
                    </div> 
                </div>
            </div>
            <!-- 教学科研通知 -->
            <div class="inform-item col-sm-4">
                <!-- 头部 -->
                <div class="inform-head notices">
                    <div class="inform-title">
                        <p>教学科研通知</p>
                        <div class="inform-more">
                            <a href="#">
                                <span>more</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 列表 -->
                <div class="inform-list">    
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">9</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="关于保卫部（处）2020年寒假期间对外业务安排的通知">
                                关于保卫部（处）2020年寒假期间对外业务安排的通知
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">8</span>
                                <span class="pubdate-month">一月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="关于开展2020年中国博士后科学基金申报工作的通知">
                                关于开展2020年中国博士后科学基金申报工作的通知
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">30</span>
                                <span class="pubdate-month">十二月</span>
                            </div>
                        </div>
                        <div class="inform-content">
                            <a href="#" title="华南理工大学广州国际校区2019年第二批管理人员招聘启事">
                                华南理工大学广州国际校区2019年第二批管理人员招聘启事
                            </a>
                        </div>
                    </div> 
                    <div class="inform-list-box">
                        <div class="pubdate-box">
                            <div class="sudy-pubdate">
                                <span class="pubdate-day">28</span>
                                <span class="pubdate-month">十二月</span>
                            </div>
                        </div>
                        <div class="inform-content" >
                            <a href="#" title="关于广州国际校区D5区水电空调热水等预付费使用的通知">
                                关于广州国际校区D5区水电空调热水等预付费使用的通知
                            </a>
                        </div>
                    </div> 
                </div>
            </div>
            <!-- 媒体华园 -->
            <div class="inform-item col-sm-4">
                <!-- 头部 -->
                <div class="inform-head the-media">
                    <div class="inform-title">
                        <p>媒体华园</p>
                        <div class="inform-more">
                            <a href="#">
                                <span>more</span>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- 列表 -->
                <div class="inform-list"> 
                    <ul class="media">
                        <li>
                            <a href="#" title="广东电视台：50名“村里娃”走进高校开眼界">
                                广东电视台：50名“村里娃”走进高校开眼界
                            </a>
                        </li>
                        <li>
                            <a href="#" title="广东电视台：50名“村里娃”走进高校开眼界">
                                广东电视台：50名“村里娃”走进高校开眼界
                            </a>
                        </li>
                        <li>
                            <a href="#" title="学习强国：揭秘广东创新中的“华南理工密码”	">
                                学习强国：揭秘广东创新中的“华南理工密码”	
                            </a>
                        </li>
                        <li>
                            <a href="#" title="羊城晚报：华南理工大学党委书记章熙春专访：揭秘广东创新中的“华南理工密码”">
                                羊城晚报：华南理工大学党委书记章熙春​专访：​揭秘广东...
                            </a>
                        </li>
                        <li>
                            <a href="#" title="新华社：2020：反向春运里的幸福年">
                                新华社：2020：反向春运里的幸福年
                            </a>
                        </li>
                        <li>
                            <a href="#" title="中国教育报：高校成果有“数量”更有“质量”">
                                中国教育报：高校成果有“数量”更有“质量”
                            </a>
                        </li>
                        <li>
                            <a href="#" title="中国社会科学报：深化粤港澳创新合作">
                                中国社会科学报：深化粤港澳创新合作
                            </a>
                        </li>
                        <li>
                            <a href="#" title="中国社会科学报：深化粤港澳创新合作">
                                中国社会科学报：深化粤港澳创新合作
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 学术报告模块等结束 -->
    <!-- 最后大图 -->
    <div class="picture">
        <div class="picture-box">
            <div class="picture-left col-xs-12 col-sm-8"> 
                <!-- 左边上方大图 -->
                <div class="video">
                    <div class="video-img">
                        <img src="/images/013.jpg" alt="">
                        <a class="player" href="#"></a>
                    </div>
                    <div class="video-title">
                        <a href="#" title="《一个共产党员的责任》">《一个共产党员的责任》</a>
                    </div>
                    <div class="video-more" >
                        <a class="moretext" href="#">
                            <img src="/images/more.png" alt="">
                        </a>
                    </div>
                </div>
                <!-- 左边下方轮播图 -->
                <div class="slideshow hidden-xs">
                    <div class="sudy-scroll">
                        <div class="sudy-scroll-wrap">
                            <ul id="scroll">
                                <li class="i1">
                                    <div class="scroll_pic">
                                        <a href="#" title="《真理的甘甜》">
                                            <img src="/images/scroll-001.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="《真理的甘甜》">《真理的甘甜》</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i2">
                                    <div class="scroll_pic">
                                        <a href="#" title="《西部放歌》">
                                            <img src="/images/scroll-002.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="《西部放歌》">《西部放歌》</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i3">
                                    <div class="scroll_pic">
                                        <a href="#" title="《我宣誓》">
                                            <img src="/images/scroll-003.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="《我宣誓》">《我宣誓》</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i4">
                                    <div class="scroll_pic">
                                        <a href="#" title="《生的伟大 死的光荣》">
                                            <img src="/images/scroll-004.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="《生的伟大 死的光荣》">《生的伟大 死的光荣》</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i5">
                                    <div class="scroll_pic">
                                        <a href="#" title="《奋斗的我，最美的国》——医学院主题教育活动宣传视频">
                                            <img src="/images/scroll-005.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="《奋斗的我，最美的国》——医学院主题教育活动宣传视频">
                                            《奋斗的我，最美的国》——医学院...
                                        </a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i6">
                                    <div class="scroll_pic">
                                        <a href="#" title="微党课《谁让我入党》">
                                            <img src="/images/scroll-006.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="微党课《谁让我入党》">微党课《谁让我入党》</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i7">
                                    <div class="scroll_pic">
                                        <a href="#" title="微党课《为什么要坚定共产主义信仰》">
                                            <img src="/images/scroll-007.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="微党课《为什么要坚定共产主义信仰》">微党课《为什么要坚定共产主义信...</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i8">
                                    <div class="scroll_pic">
                                        <a href="#" title="遇见新传  “唱”想未来">
                                            <img src="/images/scroll-008.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="遇见新传  “唱”想未来">遇见新传  “唱”想未来</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                                <li class="i9">
                                    <div class="scroll_pic">
                                        <a href="#" title="广州国际校区生物医学科学与工程学院宣传片">
                                            <img src="/images/scroll-009.jpg" alt="">
                                        </a>
                                    </div>
                                    <div class="scroll_title">
                                        <a href="#" title="广州国际校区生物医学科学与工程学院宣传片">广州国际校区生物医学科学与工程...</a>
                                    </div>
                                    <div class="scroll_play">
                                        <a href="#"></a>
                                    </div>
                                </li>
                            </ul>
                        </div>
                        <div class="sudy-scroll-nav">
                            <a href="javascript:;" id="nav-prev" class="fa fa-angle-left"></a>
                            <a href="javascript:;" id="nav-next" class="fa fa-angle-right"></a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="picture-right col-xs-12 col-sm-4">
                <div class="fbox1">
                    <a href="#">
                        <img src="/images/hy24.jpg" alt="">
                    </a>
                </div>
                <div class="fbox2">
                    <a href="#">
                        <img src="/images/xnhy.jpg" alt="">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 友情链接 -->
    <div class="links">
        <div class="links-box ">
            <ul class="links-list ">
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/014.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/015.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/016.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/017.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/018.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/019.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/020.png" alt="">
                    </a>
                </li>
                <li class="links-img  funds">
                    <a class="alumnus" href="#">
                        <img  src="/images/021.png" alt="">
                    </a>
                    <a class="fund" href="#">
                        <img src="/images/022.png" alt="">
                    </a>
                </li>
                <li class="links-img ">
                    <a href="#">
                        <img src="/images/023.png" alt="">
                    </a>
                </li>
            </ul>
        </div>
    </div>
    <!-- 底部导航栏 -->
    <div  class="base-nav">
        <ul  class="base-nav-list">
            <li class="base-nav-item">
                <a href="#">学校概况</a> 
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">学校简介</a></li>
                        <li><a href="#">学校沿革</a></li>
                        <li><a href="#">学校标识</a></li>
                        <li><a href="#">学校章程</a></li>
                        <li><a href="#">学校领导</a></li>
                        <li><a href="#">校史钩沉</a></li>
                    </ul>
                </div>  
            </li>
            <li class="base-nav-item">
                <a href="#">机构设置</a>
            </li>
            <li class="base-nav-item">
                <a href="#">人才培养</a>
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">师资队伍</a></li>
                        <li><a href="#">本科生教育</a></li>
                        <li><a href="#">研究生教育</a></li>
                        <li><a href="#">留学生教育</a></li>
                        <li><a href="#">继续教育</a></li>
                        <li><a href="#">精品课程</a></li>
                        <li><a href="#">教学在线</a></li>
                    </ul>
                </div> 
            </li>
            <li class="base-nav-item">
                <a href="#">科学研究</a> 
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">研究机构</a></li>
                        <li><a href="#">学术期刊</a></li>
                        <li><a href="#">自然科学</a></li>
                        <li><a href="#">社会科学</a></li>
                        <li><a href="#">科技成果转化</a></li>
                    </ul>
                </div> 
            </li>
            <li class="base-nav-item">
                <a href="#">招生就业</a>
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">本科生招生</a></li>
                        <li><a href="#">研究生招生</a></li>
                        <li><a href="#">继续教育招生</a></li>
                        <li><a href="#">就业服务</a></li>
                        <li><a href="#">数字迎新系统</a></li>
                    </ul>
                </div> 
            </li>
            <li class="base-nav-item">
                <a href="#">图书馆</a>
            </li>
            <li class="base-nav-item">
                <a href="#">校园生活</a>
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">校园风光</a></li>
                        <li><a href="#">校园地图</a></li>
                        <li><a href="#">电影信息</a></li>
                        <li><a href="#">木棉BBS</a></li>
                        <li><a href="#">移动门户</a></li>
                        <li><a href="#">社交应用</a></li>
                        <li><a href="#">心理咨询</a></li>
                        <li><a href="#">校园安全</a></li>
                        <li><a href="#">后勤服务</a></li>
                        <li><a href="#">校医院</a></li>
                        <li><a href="#">统一支付平台</a></li>
                        <li><a href="#">网上办事大厅</a></li>
                        <li><a href="#">师生服务大厅</a></li>
                        <li><a href="#">VPN</a></li>
                    </ul>
                </div> 
            </li>
            <li class="base-nav-item">
                <a href="#">人才招聘</a>
            </li>
            <li class="base-nav-item">
                <a href="#">合作交流</a>
                <div class="base-nav-dropdown visible-lg">
                    <ul>
                        <li><a href="#">出访事务</a></li>
                        <li><a href="#">外专和引智</a></li>
                        <li><a href="#">国际交流</a></li>
                        <li><a href="#">对港澳台交流</a></li>
                        <li><a href="#">海外学习</a></li>
                        <li><a href="#">中外合作办学机构和项目</a></li>
                        <li><a href="#">国际联合研究中心</a></li>
                    </ul>
                </div> 
            </li>
        </ul>
    </div> 
    <!-- 底部 -->
    <footer>
        <div class="foot">
            <div class="foot-list">
                <span>相关链接：</span>
                <span>
                    <a href="#">中华人民共和国教育部</a>
                </span>
                <span>
                    <a href="#">广东省人民政府</a>
                </span>
                <span>
                    <a href="#">广州市人民政府</a>
                </span>
                <span>招生咨询：020-87110737</span>
                <span>
                    <a href="#">网上查号</a>
                </span>
            </div>
            <div class="foot-list">
                <span>五山校区地址：</span>
                <span>广州市天河区五山路381号 </span>
                <span>邮编：510641</span>
                <span>大学城校区地址：广州市番禺区广州大学城 </span>
                <span>邮编：510006</span>
                <span> 广州国际校区地址：广州市番禺区兴业大道东777号 </span>
                <span> 邮编：511442</span>
            </div>
            <div class="foot-copyright">
                <div class="foot-icp">
                    <span class="icp">
                        网站设计制作、管理：
                        <a href="#">党委宣传部</a>
                        <a href="#">信息网络工程研究中心</a>
                    </span>
                    <br>
                    <span class="copyright">
                        2020 © 华南理工大学 版权所有 
                        <a href="#">粤ICP备05084312号</a>
                    </span>
                </div>
                <div class="imgConac">
                    <a href="#">
                        <img src="/images/blue.png" alt="">
                    </a>
                </div>
            </div>
        </div>
    </footer>
    <!-- 底部结束 -->
</body>
</html>